html {
	overflow: hidden;
}
input {
	outline: none;
}
body {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	background-color: rgb(243, 243, 244);
	font-size: 13px;
	font-family: "microsoft yahei";
}
.took-panel {
	position: relative;
	width: 100%;
	height: 100%;
}
.took-head {
	position: absolute;
	left: 0;
	right: 0;
	height: 28px;
	padding: 8px;
	background-color: rgb( 255, 255, 255);
	text-align: center;
	z-index: 1;
}
.took-head > label:nth-child(1) {
	position: absolute;
	left: 8px;
}
.took-head > label:nth-child(2) {
	position: relative;
	display: inline-block;
	height: 28px;
	vertical-align: bottom;
}
.took-head > label:nth-child(3) {
	position: absolute;
	right: 16px;
}

.took-canvas {
	position: absolute;
	top: 46px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb( 255, 255, 255);
	overflow: auto;
	z-index: 1;
}
.took-layers {
	position: absolute;
	top: 0;
	right: 0;
	width: 40.5%;
	bottom: 0;
	background-color: rgb( 255, 255, 255);
	z-index: 1;
}
.took-layers > div {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgb(243, 243, 244);
	overflow: hidden;
}
.layers-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 44px;
	background-color: rgb( 255, 255, 255);
	text-align: center;
	overflow: hidden;
	z-index: 2;
}
.layer-content {
	position: absolute;
	top: 46px;
	left: 0;
	right: 0;
	bottom: 60px;
	background-color: rgb( 255, 255, 255);
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
}
.layer-static {
	padding: 8px;
	text-align: right;
}
.layer-static >label > span:nth-child(1)::after {
	content: "：";
}
.layer-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	text-align: center;
	background-color: rgb( 255, 255, 255);
	z-index: 5;
}
.layer-button > label {
	display: inline-block;
	margin-top: 12px;
	padding: 8px 28px;
	border: 1px solid rgb(24, 166, 137);
	border-radius: 3px;
	background-color: rgb(24, 166, 137);
	color: rgb(255, 255, 255);
	cursor: pointer;
}

.layer-block {
	padding: 14px 12px 0 12px;
}
.layer-block-head {
	border: 1px solid rgb(204, 204, 204);
	border-radius: 3px 3px 0 0;
	background-color: rgb(243, 243, 244);
}
.layer-block-head > label:nth-child(1) {
	display: inline-block;
	margin: 8px;
	line-height: 14px;
}
.layer-block-head > label:nth-child(2) {
	position: absolute;
	right: 16px;
	font-size: 22px;
	cursor: pointer;
}
.layer-block-content {
	border: 1px solid rgb(204, 204, 204);
	border-top: none;
	border-radius: 0 0 3px 3px;
	max-height: 356px;
	overflow-y: auto;
}
.layer-block-content > div {
	position: relative;
	width: 100%;
	height: 100%;
}
.coat-head {
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
}
.coat-head > * {
	position: absolute;
}
.coat-head-input {
	top: 8px;
	left: 8px;
	width: 75%;
	height: 32px;
	border: 1px solid rgb(204, 204, 204);
}
.coat-head-input > input {
	width: 85%;
	margin-top: 0;
	padding: 7px 8px;
	border: none;
	font-size: 14px;
}
.coat-head-input > input:focus {
	outline: none;
}
.coat-head-button {
	top: 8px;
	right: 8px;
	width: 22%;
	height: 32px;
	border: 1px solid rgb(24, 166, 137);
	border-radius: 0 3px 3px 0;
	background-color: rgb(24, 166, 137);
	color: rgb(255, 255, 255);
	text-align: center;
	line-height: 32px;
}
.symbol-check {
	display: inline-block;
	width: 14px;
	height:14px;
	border:1px solid rgb(204, 204, 204);
	cursor: pointer;
}
.coat-sec {
	padding: 8px;
	vertical-align: top;
}
.coat-sec > label {
	display: inline-block;
}
.coat-sec > label:nth-child(1) {
	padding-top: 3px;
	cursor: pointer;
}
.coat-sec > label:nth-child(2) {
	margin-left: 8px;
	height: 20px;
	line-height:20px;
	vertical-align: top;
}
.coat-sec > label:nth-child(2) > span {
	vertical-align: top;
}
.coat-green {
	color: rgb(24, 166, 137);
}
.coat-gray {
	color: rgb(211, 211, 211);
}
.coat-content {
	padding: 8px;
	padding-top: 0;
}
.coat-content >ul {
	position: relative;
	margin: 0;
	padding: 0;
	max-height: 220px;
	overflow-y: auto;
}
.coat-content >ul > li {
	margin-bottom: 10px;
	list-style: none;
}
.coat-natty {
	position: relative;
	height: 32px;
}
.coat-natty > label {
	position: absolute;
}
.coat-natty > label:nth-child(1) {
	top: 7.5px;
	left: 0;
}
.coat-natty > label:nth-child(2) {
	left: 24px;
	right: 8px;
	height: 100%;
	border: 1px solid rgb(204, 204, 204);
}
.coat-natty > label:nth-child(2) > span {
	margin-top: 5px;
}
.coat-natty > label:nth-child(2) > span:nth-child(1) {
	float: left;
	margin-left: 22px;
}
.coat-natty > label:nth-child(2) > span:nth-child(2) {
	float: right;
	margin-right: 8px;
}
.active-natty > label:nth-child(1) > span {
	border: 1px solid rgb(24, 166, 137);
	background-color: rgb(24, 166, 137);
	background: url(../img/sel.png) no-repeat;
	background-size: 100% 104%;
	color: rgb(255, 255, 255);
}
.active-natty > label:nth-child(2) {
	border: 1px solid rgb(214, 241, 236);
	background-color: rgb(214, 241, 236);
	color: rgb(24, 166, 137);
}
.active-natty-all {
	border: 1px solid rgb(24, 166, 137);
	background-color: rgb(24, 166, 137);
	background: url(../img/sel.png) no-repeat;
	background-size: 100% 104%;
	color: rgb(255, 255, 255);
}
.checker, .boxer, .grabber, .c-timer {
	cursor: pointer;
}
.coat-line {
	padding: 8px;
}
.coat-line > div {
	display: inline-block;
}
.coat-line > div:nth-child(1) >label::after {
	content: "：";
}
.coat-inner-line {
	margin-bottom: 12px;
}
.coat-inner-line > .hot-box {
	display: inline-block;
	position: relative;
	margin-left: 8px;
}
.line-sep {
	display: inline-block;
	margin: 0 8px;
}
.line-sep-natty {
	margin-right: 16px;
}
.line-input {
	display: inline-block;
	width: 50px;
	height: 20px;
	padding: 8px;
	border: 1px solid rgb(204, 204, 204);
}
.line-natty-input {
	width: 30px;
	margin-top: 8px;
	margin-left: 2px;
	border: none;
}
.line-clock-input {
	width: 120px;
	height: 20px;
	padding: 8px;
	border: 1px solid rgb(204, 204, 204);
	background: url(../plugins/datepicker/skin/datePicker.gif) no-repeat;
	background-position: 98% center;
}
.line-long-input {
	width: 140px;
	height: 20px;
	margin: 0 8px;
	padding: 8px;
	border: 1px solid rgb(204, 204, 204);
}
.line-trip-input {
	width: 50%;
	padding: 4px 8px;
	border: 1px solid rgb(204, 204, 204);
}

.line-select {
	height: 38px;
	padding: 8px;
	border :1px solid rgb(204, 204, 204);
}
.line-full-select {
	width: 100%;
	height: 38px;
	padding: 8px;
	border :1px solid rgb(204, 204, 204);
}
.starry-natty {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 36px;
	margin-right: 4px;
	border: 1px solid rgb(204, 204, 204);
	vertical-align: top;
}
.starry-natty > *  {
	position: absolute;
}
.starry-natty-sep {
	top: 8px;
	right: 4px;
}
.start-block {
	position: absolute;
	top: 36%;
	left: 42%;
	width: 240px;
	height: 180px;
	z-index: 2;
}
.stripper {
	position: absolute;
	left: 8px;
	font-size: 28px;
	color: rgb(24, 166, 137);
	cursor: pointer;
	z-index: 4;
}
.head-text {
	line-height: 44px;
}
.comm-natty::after {
	content: "：";
	margin-right: 4px;
}
.inner-line-natty {
	display: inline-block;
}


.start-balloon, .start-spot {
	position: absolute;
	border: 2px solid rgb(247, 162, 79);
	border-radius: 50%;
	z-index: 3;
}
.start-balloon {
	width: 100px;
	height: 100px;
	top: 40px;
	background-color: rgb(247, 162, 79);
	cursor: pointer;
}
.start-balloon > label {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url(../img/plus.png) no-repeat;
	background-size: 70%;
	background-position: center center;
	cursor: pointer;
}
.start-spot {
	width: 60px;
	height: 60px;
	color: rgb(247, 162, 79);
	text-align: center;
	font-weight: 700;
	line-height: 60px;
	cursor: pointer;
}
.start-spot:nth-child(2) {
	top: -30px;
	right: 90px;
}
.start-spot:nth-child(3) {
	top: 60px;
	right: 30px;
}
.start-spot:nth-child(4) {
	top: 150px;
	right: 90px;
}
.start-spot > label {
	cursor: pointer;
}
.start-spot:hover {
	background-color: rgb(247, 162, 79);
	color: rgb(255, 255, 255);
}

.block-cond, .block-time, .block-act {
	position: absolute;
	width: 200px;
	height: 260px;
	z-index: 2;
}
.main-balloon {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 80px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}
.main-balloon > label {
	display: block;
	width: 100px;
	height: 100px;
	cursor: pointer;
}
.main-balloon > label > span {
	display: inline-block;
	margin-top: 65px;
	font-size: 14px;
	cursor: pointer;
}
.s-balloon {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}
.s-balloon > label {
	display: block;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.s-balloon > label > span {
	display: inline-block;
	margin-top: 30px;
	font-size: 14px;
	cursor: pointer;
}
.p-balloon {
	position: absolute;
	top: 40px;
	left: -50px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}
.p-balloon > label {
	display: block;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.p-balloon > label > span:nth-child(1) {
	display: block;
	margin-left: 8px;
	font-size: 24px;
	cursor: pointer;
}
.p-balloon > label > span:nth-child(2) {
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
}
.spot-cond {
	top: 0;
	left: 20px;
}
.spot-time {
	top: 50px;
	left: 110px;
}
.spot-act {
	top: 150px;
	left: 110px;
}
.spot-view {
	bottom: 0;
	left: 20px;
}
.umbrella-bk-cond, .daisy-bk-cond, .mo-bk-cond {
	border: 2px solid rgb(24, 166, 137);
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	color: rgb(24, 166, 137);
}
.umbrella-cond {
	background: url(../img/cond.png) no-repeat;
	background-position: 50% 25%;
}
.umbrella-cond-hover {
	background: url(../img/cond_hover.png) no-repeat;
	background-position: 50% 25%;
	color: rgb(255, 255, 255);
}
.umbrella-bk-cond-hover {
	border: 2px solid rgb(24, 166, 137);
	border-radius: 50%;
	background-color: rgb(24, 166, 137);
}
.daisy-bk-cond-hover, .mo-bk-cond-hover {
	border: 2px solid rgb(24, 166, 137);
	border-radius: 50%;
	background-color: rgb(24, 166, 137);
}
.daisy-plus-cond {
	background: url(../img/plus_cond.png) no-repeat;
	background-position: 50% 20%;
}
.daisy-view-cond {
	background: url(../img/view_cond.png) no-repeat;
	background-position: 50% 20%;
}
.daisy-plus-cond-hover, .daisy-plus-time-hover, .daisy-plus-act-hover {
	background: url(../img/plus_hover.png) no-repeat;
	background-position: 50% 20%;
	color: rgb(255, 255, 255);
}
.daisy-view-cond-hover, .daisy-view-time-hover, .daisy-view-act-hover {
	background: url(../img/view_hover.png) no-repeat;
	background-position: 50% 20%;
	color: rgb(255, 255, 255);
}
.mo-cond-hover, .mo-time-hover, .mo-act-hover {
	color: rgb(255, 255, 255);
}


.umbrella-bk-time, .daisy-bk-time, .mo-bk-time {
	border: 2px solid rgb(247, 162, 79);
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	color: rgb(247, 162, 79);
}
.umbrella-time {
	background: url(../img/time.png) no-repeat;
	background-position: 50% 25%;
}
.umbrella-time-hover {
	background: url(../img/time_hover.png) no-repeat;
	background-position: 50% 25%;
	color: rgb(255, 255, 255);
}
.umbrella-bk-time-hover {
	border: 2px solid rgb(247, 162, 79);
	border-radius: 50%;
	background-color: rgb(247, 162, 79);
}
.daisy-bk-time-hover, .mo-bk-time-hover {
	border: 2px solid rgb(247, 162, 79);
	border-radius: 50%;
	background-color: rgb(247, 162, 79);
}
.daisy-plus-time {
	background: url(../img/plus_time.png) no-repeat;
	background-position: 50% 20%;
}
.daisy-view-time {
	background: url(../img/view_time.png) no-repeat;
	background-position: 50% 20%;
}

.umbrella-bk-act {
	background: url(../img/act.png) no-repeat;
	background-position: 50%;
	background-size: 98%;
	color: rgb(3, 169, 244);
}
.umbrella-bk-act-hover {
	background: url(../img/act_hover.png) no-repeat;
	background-position: 50%;
	background-size: 98%;
	color: rgb(255, 255, 255);
}
.daisy-bk-act, .mo-bk-act {
	border: 2px solid rgb(3, 169, 244);
	border-radius: 50%;
	color: rgb(3, 169, 244);
}
.daisy-bk-act-hover, .mo-bk-act-hover {
	border: 2px solid rgb(3, 169, 244);
	border-radius: 50%;
	background-color: rgb(3, 169, 244);
}
.daisy-plus-act {
	background: url(../img/plus_act.png) no-repeat;
	background-position: 50% 20%;
}
.daisy-view-act {
	background: url(../img/view_act.png) no-repeat;
	background-position: 50% 20%;
}

.spot-line {
	position: absolute;
	z-index: 3;
}
.line-color-cond {
	border: 1px solid rgb(24, 166, 137);
	background-color: rgb(24, 166, 137);
}
.line-color-time {
	border: 1px solid rgb(247, 162, 79);
	background-color: rgb(247, 162, 79);
}
.line-color-act {
	border: 1px solid rgb(3, 169, 244);
	background-color: rgb(3, 169, 244);
}
.block-color-cond {
	border-left: 3px solid rgb(24, 166, 137);
	border-bottom: 3px solid rgb(24, 166, 137);
}
.block-color-time {
	border-left: 3px solid rgb(247, 162, 79);
	border-bottom: 3px solid rgb(247, 162, 79);
}
.block-color-act {
	border-left: 3px solid rgb(3, 169, 244);
	border-bottom: 3px solid rgb(3, 169, 244);
}

.block-buttons {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 3px;
	cursor: pointer;
}

.hold-top {
	vertical-align: top;
}
.hold-top > div:nth-child(1) {
	padding-top: 8px;
	vertical-align: top;
}
.input-extend {
	width: 50%;
	padding: 8px 12px;
	border: 1px solid rgb(204, 204, 204);
}

.heart-region {
	vertical-align: top;
}

.heart-region > .show-text {
	display: inline-block;
	width: 80px;
	height: 20px;
	padding: 9px 12px 7px 12px;
	border: 1px solid rgb(204, 204, 204);
}
.heart-region > .sel-btn {
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
	font-size: 20px;
	color: rgb(24, 166, 137);
	cursor: pointer;
}

.master-green {
	border: 1px solid rgb(24, 166, 137);
	color: rgb(24, 166, 137);
}
.master-green:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(24, 166, 137);
}

.item-ace {
	display: inline-block;
	padding: 6px 18px;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 3px;
	cursor: pointer;
}
.btn-green {
	border: 1px solid rgb(24, 166, 137);
	background-color: rgb(24, 166, 137);
	color: rgb(255, 255, 255);
}
.bord-green {
	border: 1px solid rgb(24, 166, 137);
	color: rgb(24, 166, 137);
}

.smart-edit {
	margin-left: 8px;
	font-size: 18px;
	color: rgb(187, 187, 187);
	cursor: pointer;
}
.smart-green {
	margin-left: 8px;
	font-size: 18px;
	color: rgb(24, 166, 137);
	cursor: pointer;
}

.block-inner-line {
	margin: 0.6em 1em;
}
.block-inner-line > div {
	display: inline-block;
}
.block-inner-line > div:nth-child(1) {
	vertical-align: top;
}
.block-inner-line > div:nth-child(1) > label {
	display: inline-block;
	margin-right: 4px;
}
.block-inner-line > div:nth-child(1) > label::after {
	content: "：";
}
.block-inner-line > div:nth-child(2) > label {
	display: block;
	margin-bottom: 0.6em;
}
.block-inner-line > div:nth-child(2) > label > span:nth-child(1)::after {
	content: "：";
}
.block-inner-line > div:nth-child(2) > label > span {
	display: inline-block;
	margin-right: 4px;
}

.fill-left {
	margin-left: 4px;
}
.floor-left {
	margin-left: 8px;
}
.freeze-left {
	margin-left: 12px;
}

.iziModal .iziModal-header-title {
	color: rgb(33, 33, 33);
}

.disable-starry {
	background-color: rgb(227, 227, 227);
}
